<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<link href="css/date.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	
	
</head>

<body>

<div class="container">
	<div class="row clearfix">
    		<jsp:include page="../nav.jsp"></jsp:include>
    <div class="row clearfix">

				<div class="col-md-12 column">
					<div class="tabbable" id="tabs-883116">
						<ul class="nav nav-tabs">
							<li class="<c:if test='${style.styleId == 0}'>active</c:if>">
								<a href="goodsMessage.html?styleId=$0&page=1">全部</a>
							</li>
							<li class="<c:if test='${style.styleId == 1}'>active</c:if>">
								<a href="goodsMessage.html?styleId=1&page=1" >服饰</a>
							</li>
							<li class="<c:if test='${style.styleId == 2}'>active</c:if>">
								<a href="goodsMessage.html?styleId=2&page=1" >鞋靴</a>
							</li >
							<li class="<c:if test='${style.styleId == 4}'>active</c:if>">
								<a href="goodsMessage.html?styleId=4&page=1" >日用品</a>
							</li>
							<li class="<c:if test='${style.styleId == 5}'>active</c:if>">
								<a href="goodsMessage.html?styleId=5&page=1" >书籍</a>
							</li>
							<li class="<c:if test='${style.styleId == 6}'>active</c:if>">
								<a href="goodsMessage.html?styleId=6&page=1" >文具</a>
							</li>
							<li class="<c:if test='${style.styleId == 9}'>active</c:if>">
								<a href="goodsMessage.html?styleId=9&page=1" >电器类</a>
							</li>
							<li class="<c:if test='${style.styleId == 3}'>active</c:if>">
								<a href="goodsMessage.html?styleId=3&page=1" >运动物品</a>
							</li>
							<li class="<c:if test='${style.styleId == 7}'>active</c:if>">
								<a href="goodsMessage.html?styleId=7&page=1" >电子数码产品</a>
							</li>
							<li class="<c:if test='${style.styleId == 8}'>active</c:if>">
								<a href="goodsMessage.html?styleId=8&page=1" >电子数码配件</a>
							</li>
							

						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="panel-96319">

								
										<div class="col-md-12 column">
        <form class="navbar-form navbar-left" role="search" action="search.action">
        			<input type="text" name="styleId" value="${style.styleId}" style="display: none"/>
					 <label for="inputPassword3" class="col-sm-2 control-label">交易类型</label>
					<div class="col-xs-6 col-md-2">
                        	<span class="input-group-addon">
                            <input type="checkbox" name="changeType" value="1">借
                          </span>
                          <span class="input-group-addon">
                            <input type="checkbox" name="changeType" value="2">换
                          </span>
                          <span class="input-group-addon">
                            <input type="checkbox" name="changeType" value="3">卖
                          </span>
                        </div> 
                    
				
						
                        
                         <div class="col-md-4 column" style="width:520px;margin:0 auto;" id="date">
                         <script type="text/javascript" src="js/date.js"></script>
	<span><label for="inputPassword3" class="col-sm-3 control-label">请选择日期</label>
	<input name="publishTimeFr" type="text" value="" size="14" readonly onClick="showcalendar(event,this);" onFocus="showcalendar(event, this);if(this.value=='0000-00-00')this.value=''">
	-
							<input name="publishTimeTo"  type="text" class="" value="" size="14" readonly onClick="showcalendar(event,this);" onFocus="showcalendar(event, this);if(this.value=='0000-00-00')this.value=''"></span>
</div>
                           
                        
						
                        
                         <button type="submit" class="btn btn-default">搜索</button>
		</form>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-12 column">
		<c:forEach items="${goodsList.pageItems}" var="goods">
            <div class="col-xs-6 col-md-3">
                    <a href="#" class="thumbnail">
                     <c:choose>
							<c:when test="${empty goods.images}">
								<img data-src="holder.js/100%x170" alt="..." src="http://lorempixel.com/140/140/">
							</c:when>
							<c:otherwise>
							<img data-src="holder.js/100%x170" alt="..." src="img/upload/${goods.images[0].url}">
								
							</c:otherwise>
					</c:choose>
                      <span>${goods.goodsName}</span>
                    </a>
            </div>
        </c:forEach>    
		</div>
	</div>
    <div class="row clearfix">
		<div class="col-md-12 column">
        <ul class="pagination">
         <li class="<c:if test='${goodsList.pageNumber == 1}'>disabled</c:if>">
					<a href="goodsList.html?code=${user.code}&pageNumber=${goodsList.pageNumber-1}" >Prev</a>
				</li>
			
				<c:forEach begin="1" end="${goodsList.pagesAvailable}" var="page">
				<li class="<c:if test='${goodsList.pageNumber == page}'>active</c:if>">
					<a href="goodsList.html?code=${user.code}&pageNumber=${page}">${page}</a>
				</li>
				</c:forEach>
				<li class="<c:if test='${goodsList.pageNumber == goodsList.pagesAvailable}'>disabled</c:if>">
					<a href="goodsList.html?code=${user.code}&pageNumber=${goodsList.pageNumber+1}">Next</a>
				</li>
        </ul>
		</div>
	</div>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>
			
    
		
    <jsp:include page="../foot.jsp"></jsp:include>

</body>
</html>
